<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>bee-mall</title>
	<!-- 设置视窗视口  -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<!-- 引入rem js文件 -->
	<script type="text/javascript" src="js/winResponsive.js"></script>
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<header>
		<div class="container">
			<a href="" class="logo">
				<img src="images/fee.png">
			</a>
			<div class="search">
				<form action="#">
					<img src="images/search.png">
					<input type="text" name="keywords" placeholder="输入商家、分类或商圈">
				</form>
			</div>
			<a href="" class="sm">
				<img src="images/qcode.png">
			</a> 
			<a href="" class="info">
				<img src="images/info.png">
			</a> 
		</div>
	</header>
	<section class="content">
		<section class="banner">
			<img src="images/banner.jpg">
		</section>
		<nav>
			<section class="container">
				<figure>
					<a href="" class="base hot">
						<img src="images/choujiang.png">
					</a>
					<figcaption>
						闪送超市
					</figcaption>
				</figure>
				<figure>
					<a href=""  class="base qc">
						<img src="images/choujiang.png">
					</a>
					<figcaption>
						闪送超市
					</figcaption>
				</figure>
				<figure>
					<a href="" class="base bk">
						<img src="images/choujiang.png">
					</a>
					<figcaption>
						闪送超市
					</figcaption>
				</figure>
				<figure>
					<a href=""  class="base tj">
						<img src="images/choujiang.png">
					</a>
					<figcaption>
						闪送超市
					</figcaption>
				</figure>
			</section>
		</nav>
		<!-- 产品 -->
		<section class="product">
			<ul>
				<li><a href="#">
					<div class="left">
				<h3>Fresh奶</h3>
				<p class="deatial">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span>瓶</p>
				<p class="more">
					更多优惠 低至5折
				</p>
			</div>
			<div class="right">
				<img src="images/pro01.png" alt="">
			</div>
				</a></li>
				<li><a href="#">
					<div class="left">
				<h3>Fresh奶</h3>
				<p class="deatial">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span>瓶</p>
				<p class="more">
					更多优惠 低至5折
				</p>
			</div>
			<div class="right">
				<img src="images/pro01.png" alt="">
			</div>
				</a></li>
				<li><a href="#">
					<div class="left">
				<h3>Fresh奶</h3>
				<p class="deatial">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span>瓶</p>
				<p class="more">
					更多优惠 低至5折
				</p>
			</div>
			<div class="right">
				<img src="images/pro01.png" alt="">
			</div>
				</a></li>
				<li><a href="#">
					<div class="left">
				<h3>Fresh奶</h3>
				<p class="deatial">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span>瓶</p>
				<p class="more">
					更多优惠 低至5折
				</p>
			</div>
			<div class="right">
				<img src="images/pro01.png" alt="">
			</div>
				</a></li>
				<li><a href="#">
					<div class="left">
				<h3>Fresh奶</h3>
				<p class="deatial">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span>瓶</p>
				<p class="more">
					更多优惠 低至5折
				</p>
			</div>
			<div class="right">
				<img src="images/pro01.png" alt="">
			</div>
				</a></li>
			</ul>
			
		</section>
	</section>
	<footer>
		<nav class="container">
		<a href="#" class="cur">
			<img src="images/home.png.png" alt="">
			<p>首页</p>
		</a>
		<a href="#">
			<img src="images/shop.png" alt="">
			<p>用户</p>
		</a>
		<a href="#">
			<img src="images/mine.png" alt="">
			<p>购物车</p>
		</a>
		<a href="#">
			<img src="images/cart.png" alt="">
			<p>会员</p>
		</a>
		</nav>
	</footer>
</body>
</html>